<template>
    <div>
        
<el-card class="box-card">
    <el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  <el-breadcrumb-item>{{ title }}</el-breadcrumb-item>
</el-breadcrumb>

<el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="roleName"
      label="角色名称"
      width="180">
    </el-table-column>
    <el-table-column
      prop="roleDesc"
      label="角色描述"
      width="180">
    </el-table-column>
   
  </el-table>
</el-card>
    </div>
</template>
<script>
import { GetRights , GetRoles } from '@/api/role';
export default{
    data() {
        return {
            title:'',
            tableData: []
        }
    },
    mounted() {
        this.getdata()
    this.title = localStorage.getItem('title')
  },
  methods:{
    async getdata(){
        let {data,meta} = await GetRoles('list')
        console.log(data);
        
       this.tableData = data
        
    }
  }
}
</script>
<style>
</style>